第4天:學習 CSS 基本樣式和佈局,為網頁添加基本樣式
今天是我參加 IT 鐵人賽的第四天,我決定開始學習 CSS(層疊樣式表)。CSS 是用來控制網頁外觀和佈局的語言,通過它可以讓網頁變得更加美觀和易於使用。
首先,我學習了如何使用 CSS 選擇器來選擇 HTML 元素。常見的選擇器包括元素選擇器(例如 p)、類選擇器(例如 .class)和 ID 選擇器(例如 #id)。接下來,我學習了如何使用 CSS 屬性來設置元素的樣式,例如 color、font-size、background-color 和 margin 等。
在理解基本的 CSS 選擇器和屬性後,我開始學習佈局技術。我學習了如何使用 display 屬性來控制元素的顯示方式,例如 block、inline 和 inline-block。我還學習了如何使用 position 屬性來控制元素的位置,例如 static、relative、absolute 和 fixed。
接著,我實作了一些範例來鞏固我的學習。我創建了一個簡單的網頁,並使用 CSS 為其添加了基本樣式。我設置了標題的顏色和字體大小,為段落添加了背景顏色和邊距,並使用佈局技術來排列圖片和文字。
今天的學習讓我對 CSS 有了初步的了解,並且能夠運用基本的樣式和佈局技術來美化我的網頁。我期待在接下來的日子裡,能夠學習更多關於 CSS 和其他前端技術的知識,並將它們應用到我的衛教網站中。